<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="it技术，邱道章，博客，Java，大数据">
  <meta name="author" content="邱道长">
  <link rel="stylesheet" href="../../../static/third/editormd/css/editormd.css" th:href="@{/third/editormd/css/editormd.css}">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  <link rel="stylesheet" href="../static/css/bootstrap.css" th:href="@{/css/bootstrap.css}">
  <link rel="stylesheet" href="../static/css/common.css" th:href="@{/css/common.css}">
  <title>邱道长的个人博客网站</title>
  <style>


  </style>


</head>
<body>
<!--头部导航-->
<nav th:replace="common/navbar::navbar">
</nav>
<div class="container main" style="margin-top: 50px;">
  <div th:replace="common/show::show">

  </div>
  <div class="row">
    <div class="col-lg-2  " style="margin-bottom: 20px">
      热门标签：
      <div th:each="obj:${tags}" >
        <a href="" th:href="@{'/tag/get/' + ${obj.tagId}}" th:text="${obj.name}"></a>
      </div>

    </div>
    <div class="col-lg-8  " >
      <h1 th:text="${article.title}" style="text-align: center"></h1>
      <div id="editormd"  >
        <textarea style="display:none;"      th:text="${article.content}"></textarea>
      </div>
      <!-- Pager -->
      <div class="clearfix">
      </div>

    </div>
    <div class="col-lg-2">
      热门文章：
    </div>
  </div>
</div>

<footer class="footer" th:replace="common/footer::footer"></footer>
<script
        src="https://code.jquery.com/jquery-3.3.1.js"
        integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
        crossorigin="anonymous"></script>
<script th:src="@{/third/editormd/lib/marked.min.js}"></script>
<script th:src="@{/third/editormd/lib/prettify.min.js}"></script>
<script   th:src="@{/third/editormd/editormd.min.js}"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script type="text/javascript">
  $(function() {
    editormd.markdownToHTML("editormd", {//注意：这里是上面DIV的id
      htmlDecode : "style,script,iframe",
      emoji : true,
      theme : "dark",
      previewTheme : "dark",
      editorTheme : "pastel-on-dark",
      taskList : true,
      tocm : true,
      tex : true, // 默认不解析
      codeFold : true
    });

    // editormd({
    //     path:"/third/edtiormd/lib/",
    //     theme : "dark",
    //     previewTheme : "dark",
    //     editorTheme : "pastel-on-dark",
    // });
    // editormd.markdownToHTML("editormd");
  });
</script>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script th:src="@{/js/search.js}"></script>
</body>

</html>
